<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title> [ 新消息 ] 您下载的 CHD-655.せザよ绝美.avi 已下载完成,请注意身体啊.</title>
</head>
<body>
    <h1>JS</h1>
    <hr>

    <p id="msg1">两岸猿声啼不住,轻舟已过万重山.算了....</p>
    <p id="msg2">两岸猿声啼不住,轻舟已过万重山.算了....</p>

    <hr>
    <h2 id="show"></h2>

    <script>
        // var mark = true;
        // setInterval(function(){
        //     if (mark) {
        //         document.title = '【新消息】 隔壁老王约你媳妇去做顶绿帽子';
        //         mark = false;
        //     } else {
        //         document.title = '【　　　】 隔壁老王约你媳妇去做顶绿帽子';
        //         mark = true;
        //     }
        // }, 500);


        setInterval(function (){
            var str = document.title;
            // 截取首个字符
            var fstr = str.charAt(0);
            // 截取剩余字符
            var estr = str.substr(1);
            // 拼接写入
            document.title = estr + fstr;
        }, 500);

        setInterval(function (){
            // A:
            var msg1 = document.getElementById('msg1');
            var str1 = msg1.innerHTML;
            msg1.innerHTML = str1.substr(1) + str1[0];
            // B:
            var msg2 = document.getElementById('msg2');
            var str2 = msg2.innerHTML;
            arr = str2.split('');
            arr.push(arr.shift());
            msg2.innerHTML = arr.join('');
        }, 500);


        // 跑马灯儿
        var string = '日月交替光阴转,谈笑风生又一年.';
        var i = 0;

        setInterval(function() {
            // 如果下标 超过字符长度,则重置为0 再开始
            if (i >= string.length) i=0;

            document.getElementById('show').innerHTML = show(i, string);

            i++;
        }, 300);


        function show(i, str){
            // 样式: 变前 + 变中 + 变后
            var tmp = str.substr(0, i);
            tmp += '<font color="#f00" size="7">'+str[i]+'</font>';
            tmp += str.substr(i + 1);
            return tmp;
        }


    
    </script>
</body>
</html>